<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>批码管理</title>
    <link rel="stylesheet" href="../css/zx_pima.css">
    <link rel="stylesheet" href="../lib/bootstrap-3.3.5-dist/css/bootstrap.min.css">
    <script src="../lib/bootstrap-3.3.5-dist/js/jquery-1.11.3.js"></script>
    <script src="../lib/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="../css/index.css">
    <!-- <link rel="stylesheet" href="../css/plant.css"> -->
    <link rel="stylesheet" href="../font/font.css">
    <script src="../lib/bootstrap-3.3.5-dist/js/jquery-1.11.3.js"></script>
    <script src="../lib/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
</head>

<body>
    <div class="container-fluid">
        <div class="row">
            <!-- 这是侧边栏 -->
            <div id="kong" class="col-md-2"></div>
            <div id="main_menu" class="col-md-2">
                <ul id="myul">
                    <li id="logoli">
                        <div><span class="iconfont icon-shouyefill"></span><a href="../index.html">首页</a>
                        </div>
                    </li>
                    <li id="have">
                        <div><span class="iconfont icon-tongji"></span>统计</div>
                        <ul>
                            <li><a href="../pages/zx_tongji.html">种植收购统计</a></li>
                            <li><a href="../pages/saleStatistical.html">销售统计</a> </li>
                            <li><a href="../pages/dj03.html">人员统计</a> </li>
                        </ul>
                    </li>
                    <li>
                        <div><span class="iconfont icon-zhongzhiguanli"></span>种植养殖</div>
                        <ul>
                            <li><a href="../pages/plant.html">蔬果</a></li>
                            <li><a href="../pages/farming.html">肉类</a></li>
                        </ul>
                    </li>
                    <li>
                        <div><span class="iconfont icon-caigou"></span>采购收购</div>
                        <ul>
                            <li><a href="../pages/Supplier_management.html">供应商管理</a> </li>
                            <li><a href="../pages/pick_fruit.html">蔬果</a></li>
                            <li><a href="../pages/pick_meat.html">肉类</a></li>
                        </ul>

                    </li>
                    <li>
                        <div><span class="iconfont icon-yunshuzhongwuliu-xianxing"></span>运输 </div>
                        <ul>
                            <li><a href="../pages/tran_meat.html">肉类运输</a> </li>
                            <li><a href="../pages/tran_ve.html">蔬菜运输</a></li>
                        </ul>

                    </li>
                    <li>
                        <div><span class="iconfont icon-xinruku"></span>仓库 </div>
                        <ul>
                            <li><a href="../pages/stockIn.html">入库</a></li>
                            <li><a href="../pages/stockOut.html">出库</a></li>
                        </ul>

                    </li>
                    <li>
                        <div><span class="iconfont icon-shejishengchan"></span><a href="../pages/production.html">生产</a>
                        </div>
                    </li>
                    <li>
                        <div id="logo"><span class="iconfont icon-xiaoshou"></span>销售</div>
                        <ul>
                            <li><a href="../pages/zx_xiaoshou.html">销售流通</a></li>
                            <li><a href="../pages/online_sho_by.html">网购</a></li>
                            <li><a href="../pages/online_retreate.html">网购-退换记录</a></li>
                            <li><a href="../pages/zx_pima.html">批码管理</a></li>
                        </ul>

                    </li>
                    <li>
                        <div><span class="iconfont icon-lajitong"></span><a
                                href="../pages/waste_management.html">废料去向</a></div>
                    </li>
                    <li>
                        <div><span class="iconfont icon-guanliyuan"></span>管理</div>
                        <ul id="secondary">
                            <li><a href="../pages/dj01.html">人员管理</a> </li>
                            <li><a href="../pages/dj02.html">操作日志</a> </li>
                            <li><a href="../pages/board.html">留言板</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div id="left_content" class="col-md-10">
                <!-- 这是头 -->
                <nav id="main_headnav">
                    <div class="clear">
                        <div class="navlefspan">
                            <span class="iconfont icon-caidan" id="hidenmenu"></span>
                            <span class="mytitle">食品流通安全管理系统</span>
                        </div>
                        <div class="navrigspan">
                            <span class="iconfont icon-tixing" id="tx"></span>
                            <!-- 头像 -->
                            <img src="../images/shouye/tx.jpg" alt="">
                            <!-- 姓名 -->
                            <span id="tc">退出</span>
                        </div>
                    </div>
                    <div>
                        <!-- 这里写小的头 -->
                    </div>
                </nav>
                <div id="main_content">
                    <div id="mycentent">
                        <!-- 这是内容 -->
                        <div id="box">
                            <div id="main">
                                <p id="mynav">
                                    <!-- <span>种植养殖</span><span>></span> --><span class="mycolor2">批码管理</span>
                                </p>
                                <div id="add">
                                    <span>批码管理</span>
                                </div>
                                <div id="search" class="row ">
                                    <div>
                                        <span id="search_h4">筛选查询:</span>
                                        <span id="abb">
                                            <span class="abb_s1">商品名</span><input type="text" id="abb_in1">
                                            <span class="abb_s1">商品编号</span><input type="text" id="abb_in2">
                                            <span class="abb_s1">
                                                商品类型 </span>
                                            <select name="" id="abb_s1">
                                                <option value="0">全部</option>
                                                <option value="1">四川</option>
                                                <option value="2">北京</option>
                                            </select>



                                            <button>查询</button>
                                            <button>重置</button>
                                    </div>
                                </div>
                                <table class="table table-bordered" id="mytable">
                                    <thead>
                                        <tr>
                                            <th>商品编号</th>
                                            <th>商品名称</th>
                                            <th>商品类型</th>
                                            <th>商品图片</th>
                                            <th>生产日期</th>
                                            <th>保质期</th>
                                            <th>操作</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>商品编号</td>
                                            <td>商品名称</td>
                                            <td>商品图片</td>
                                            <td>商品种类</td>
                                            <td>种植方式</td>
                                            <td>出产地</td>
                                            <td><span class="mytable_details">详情</span><span
                                                    class="mytable_details_red">删除</span></td>

                                        </tr>
                                        <tr>
                                            <td>商品编号</td>
                                            <td>商品名称</td>
                                            <td>商品图片</td>
                                            <td>商品种类</td>
                                            <td>种植方式</td>
                                            <td>出产地</td>
                                            <td><span class="mytable_details">详情</span><span
                                                    class="mytable_details_red">删除</span></td>
                                        </tr>
                                        <tr>
                                            <td>商品编号</td>
                                            <td>商品名称</td>
                                            <td>商品图片</td>
                                            <td>商品种类</td>
                                            <td>种植方式</td>
                                            <td>出产地</td>
                                            <td><span class="mytable_details">详情</span><span
                                                    class="mytable_details_red">删除</span></td>
                                        </tr>
                                        <tr>
                                            <td>商品编号</td>
                                            <td>商品名称</td>
                                            <td>商品图片</td>
                                            <td>商品种类</td>
                                            <td>种植方式</td>
                                            <td>出产地</td>
                                            <td><span class="mytable_details">详情</span><span
                                                    class="mytable_details_red">删除</span></td>
                                        </tr>
                                        <tr>
                                            <td>商品编号</td>
                                            <td>商品名称</td>
                                            <td>商品图片</td>
                                            <td>商品种类</td>
                                            <td>种植方式</td>
                                            <td>出产地</td>
                                            <td><span class="mytable_details">详情</span><span
                                                    class="mytable_details_red">删除</span></td>
                                        </tr>
                                        <tr>
                                            <td>商品编号</td>
                                            <td>商品名称</td>
                                            <td>商品图片</td>
                                            <td>商品种类</td>
                                            <td>种植方式</td>
                                            <td>出产地</td>
                                            <td><span class="mytable_details">详情</span><span
                                                    class="mytable_details_red">删除</span></td>
                                        </tr>
                                        <tr>
                                            <td>商品编号</td>
                                            <td>商品名称</td>
                                            <td>商品图片</td>
                                            <td>商品种类</td>
                                            <td>种植方式</td>
                                            <td>出产地</td>
                                            <td><span class="mytable_details">详情</span><span
                                                    class="mytable_details_red">删除</span></td>
                                        </tr>
                                        <tr>
                                            <td>商品编号</td>
                                            <td>商品名称</td>
                                            <td>商品图片</td>
                                            <td>商品种类</td>
                                            <td>种植方式</td>
                                            <td>出产地</td>
                                            <td><span class="mytable_details">详情</span><span
                                                    class="mytable_details_red">删除</span></td>
                                        </tr>
                                        <tr>
                                            <td>商品编号</td>
                                            <td>商品名称</td>
                                            <td>商品图片</td>
                                            <td>商品种类</td>
                                            <td>种植方式</td>
                                            <td>出产地</td>
                                            <td><span class="mytable_details">详情</span><span
                                                    class="mytable_details_red">删除</span></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div id="paging" class="clear">
                                <div>
                                    跳至
                                    <input type="text" placeholder="5">
                                    页
                                </div>
                                <div>
                                    <select name="" id="">
                                        <option value="">10条/页</option>
                                        <option value="">20条/页</option>
                                        <option value="">30条/页</option>
                                    </select>
                                </div>
                                <div class="clear">
                                    <div>
                                        <p>></p>
                                    </div>
                                    <div>1</div>
                                    <div>2</div>
                                    <div>3</div>
                                    <div>
                                        <p>></p>
                                    </div>
                                </div>

                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>

</body>
<script src="../js/index.js"></script>
<script>
    $('#add button').click(() => {
        window.location = './plant-add.html'
    })
    window.onload = function () {
        let x = $("#box").width()
        $('#box').width(x)
    }
</script>

</html>